body,ul,li,img,h1,p,span,tr,td,dl,dt,dd{margin:0px;padding:0px;}
li{list-style:none} img{border:0px} a{text-decoration:none;display:block}
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
mark{background:none}

.main{
	width:1024px;
	margin:0px auto;
	}
	
/*公共样式*/
.g_bg{
	background:url(../images/bg.png);
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	}	
.g_header{
	width:100%;
	height:43px;
	border-right:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	border-left:2px solid #bc0607;
	line-height:43px;
	padding-left:17px;
	color:#bc0607;
	font-weight:bold;
	font-size:14px;
	float:left;
	}	
.g_header span a{
	color:#999999;
	float:right;
	margin-right:10px;
	font-weight:400;
	}	
.g_list{
	width:100%;
	float:left;
	margin-bottom:12px;
	}	
.g_list ul{
	margin-top:12px;
	width:100%;
	float:left;
	}	
.g_list ul li{
	width:245px;
	height:316px;
	border:1px solid #d2d2d2;
	float:left;
	text-align:center;
	font-size:12px;
	margin-right:14px;
	}
.g_list ul li .img{
	position:relative;
	overflow:hidden;
	width:100%;
	height:245px;
	}	
.g_list ul li .shade{
	width:100%;
	height:245px;
	position:absolute;
	left:0px;
	top:-245px;
	background:rgba(0,0,0,0.4);
	line-height:245px;
	text-align:center;
	}	
.g_list ul li .shade span a{
	font-size:14px;
	color:#FFF;
	background:rgba(153,0,0,0.4);
	display:inline-block;
	padding:5px 10px;
	line-height:24px;
	font-weight:bold;
	}		
.g_list ul li:last-of-type{
	margin-right:0px;
	}	
.g_list ul li img{
	width:100%;
	height:245px;
	}	
.g_list ul li .title{
	line-height:30px;
	color:#666;
	}
.g_list ul li .button{
	margin:0px auto;
	}	
.g_list ul li .button span{
	width:92px;
	height:25px;
	line-height:25px;
	background:#c60000;
	display:inline-block;
	}
.g_list ul li .button span:first-of-type{
	background:none;
	color:#ca2828;
	font-weight:bold;
	}	
.g_list ul li .button a{
	color:#FFF;
	}		
	
/*我的积分*/
.wdjf{
	width:100%;
	height:254px;
	float:left;
	margin-top:20px;
	}
.wdjf .left{
	width:215px;
	height:254px;
	float:left;
	border:1px solid #d2d2d2;
	}
.wdjf .left .header{
	width:100%;
	height:63px;
	position:relative;
	float:left;
	}	
.wdjf .left .header p{
	margin-left:52px;
	margin-top:15px;
	}	
.wdjf .left .header img{
	position:absolute;
	left:-5px;
	top:11px;
	}	
.wdjf .left .header p span:first-of-type a{
	display:inline-block;
	color:#F00;
	font-weight:bold;
	margin-bottom:3px;
	}	
.wdjf .left .header p span:last-of-type a{
	color:#666;
	font-size:12px;
	text-decoration:underline;
	}		
.wdjf .left .submit{
	width:100%;
	float:left;
	}
.wdjf .left .submit .box{
	width:195px;
	height:95px;
	margin:12px auto 12px auto;
	background:#f8f8f8;
	border:1px solid #ededed;
	padding:16px 5px;
	}	
.wdjf .left .submit .box p{
	font-size:12px;
	color:#666;
	}	
.wdjf .left .submit .box p img{
	vertical-align:middle;
	margin-right:4px;
	}	
.wdjf .left .submit .box .login{
	width:162px;
	height:38px;
	line-height:38px;
	text-align:center;
	margin:10px auto 0px auto;
	background:#df0716;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}	
.wdjf .left .submit .box .login a{
	color:#FFF;
	display:block;
	font-size:14px;
	}	
.wdjf .left .tgjf{
	width:100%;
	float:left;
	}
.wdjf .left .tgjf .button{
	width:162px;
	height:38px;
	line-height:38px;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#FFF;
	border:1px solid #dcdcdc;
	margin:0px auto;
	}		
.wdjf .left .tgjf a{
	color:#999999;
	font-size:14px;
	display:block;
	font-weight:bold;
	}
.wdjf .left .word{
	width:100%;
	float:left;
	text-align:center;
	margin-top:5px;
	}	
.wdjf .left .word span{
	font-size:12px;
	color:#999;
	}	
.wdjf .left .word mark{
	color:#bc0607;
	}
.wdjf .right{
	width:793px;
	height:254px;
	float:right;
	}	
.wdjf .right img{
	width:100%;
	height:100%;
	}	
.wdjf .right ul li{
	width:100%;
	float:left;
	}	
	
/*兑换区*/
.dhq{
	width:100%;
	height:371px;
	float:left;
	margin-top:20px;
	margin-bottom:34px;
	}	
.dhq .left{
	width:215px;
	height:371px;
	float:left;
	border:1px solid #d2d2d2;
	}
.dhq .left .header{
	width:100%;
	height:42px;
	border-bottom:1px solid #d2d2d2;
	line-height:42px;
	padding-left:8px;
	}
.dhq .left .header span{
	color:#666;
	font-weight:bold;
	font-size:14px;
	}	
.dhq .left ul{
	width:100%;
	float:left;
	padding:0px 8px;
	}
.dhq .left ul li{
	width:100%;
	border-bottom:1px dotted #CCCCCC;
	padding:8px 0px;
	font-size:13px;
	float:left;
	}
.dhq .left ul li:last-of-type{
	border-bottom:none;
	}	
.dhq .left ul li.on .icon{
	float:left;
	}		
.dhq .left ul li.on img{
	width:50px;
	height:50px;
	float:left;
	margin-right:5px;
	}
.dhq .left ul li.on p{
	line-height:18px;
	}		
.dhq .left ul li a{
	display:block;
	color:#666;
	}	
.dhq .left ul li .icon{
	width:20px;
	height:20px;
	border:1px solid #d9d9d9;
	display:inline-block;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	text-align:center;
	line-height:18px;
	color:#999;
	margin-right:5px;
	}	
.dhq .left ul li .icon.on{
	border:1px solid #e65555;
	color:#e65555;
	}
.dhq .right{
	width:793px;
	float:right;
	}	
.dhq .right ul{
	margin-top:12px;
	width:100%;
	float:left;
	padding:0px 8px;
	}
.dhq .right ul li{
	width:245px;
	height:316px;
	border:1px solid #d2d2d2;
	float:left;
	margin-right:20px;
	text-align:center;
	font-size:12px;
	transition:all ease-in 0.2s;
	-webkit-transition:all ease-in 0.2s;
	-moz-transition:all ease-in 0.2s;
	cursor:pointer;
	}
.dhq .right ul li:hover{
	transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	}		
.dhq .right ul li:last-of-type{
	margin-right:0px;
	}	
.dhq .right ul li img{
	width:100%;
	height:245px;
	}	
.dhq .right ul li .title{
	line-height:30px;
	color:#666;
	}
.dhq .right ul li .button{
	margin:0px auto;
	}	
.dhq .right ul li .button span{
	width:92px;
	height:25px;
	line-height:25px;
	background:#c60000;
	display:inline-block;
	}
.dhq .right ul li .button span:first-of-type{
	background:none;
	color:#ca2828;
	font-weight:bold;
	}	
.dhq .right ul li .button a{
	color:#FFF;
	}	
	
/*分页*/
.pagination{
	width:100%;
	float:left;
	margin-top:10px;
	margin-bottom:15px;
	text-align:center;
	}
.pagination ul{
	display:inline-block;
	}	
.pagination ul li{
	display:inline-block;
	border:1px solid #d2d2d2;
	font-size:13px;
	text-align:center;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	}	
.pagination ul li a{
	color:#666;
	font-weight:bold;
	padding:3px 6px;
	}	
.pagination ul li.on{
	background:#24b2fa;
	}	
.pagination ul li.on a{
	color:#FFF;
	}	
	
/*底部*/
footer{
	width:100%;
	float:left;
	height:135px;
	border-top:1px solid #d2d2d2;
	}	
footer .box{
	width:1024px;
	margin:0px auto;
	height:135px;
	padding:22px 10px;
	background:#CCC;
	}									
				
				